chrome 全屏js(chrome app 全屏)

全屏功能是现代Web应用程序中常见的一个功能，它可以使用户在一个更大的屏幕上浏览网页，提高用户体验。在Chrome浏览器中，您可以使用JavaScript代码来实现全屏功能。本文将详细介绍如何在Chrome浏览器中使用JavaScript代码实现全屏功能。

1. 获取浏览器窗口大小

您需要获取当前浏览器窗口的大小。这可以通过JavaScript中的`window.innerWidth`和`window.innerHeight`属性来实现。以下是一个示例代码：

```javascript

var windowWidth = window.innerWidth;

var windowHeight = window.innerHeight;

console.log("窗口宽度：" + windowWidth);

console.log("窗口高度：" + windowHeight);

```

这段代码将输出当前浏览器窗口的宽度和高度。

1. 全屏显示页面

接下来，我们可以使用JavaScript代码来全屏显示当前页面。以下是一个示例代码：

```javascript

function fullScreen() {

var requestMethod = window.screenY === 0 && window.screenX === 0 ? "requestFullscreen" : "cancel";

if (document[requestMethod]) {

document[requestMethod]();

} else if (!document.mozCancelFullScreen) { / Firefox /

document.webkitCancelFullScreen();

} else if (!document.webkitIsFullScreen) { / Chrome, Safari and Opera /

document.exitFullscreen();

} else if (!document.msExitFullscreen) { / IE/Edge /

document.exitFullscreen();

}

}

fullScreen(); //调用全屏函数

```

这段代码定义了一个名为`fullScreen()`的函数，该函数将尝试将当前页面全屏显示。如果浏览器不支持全屏功能，则不会执行任何操作。您可以在需要时调用此函数以启动全屏模式。

1. 退出全屏模式

如果您想退出全屏模式，只需再次调用`fullScreen()`函数即可。以下是一个示例代码：

```javascript

function exitFullScreen() {

var requestMethod = window.screenY === 0 && window.screenX === 0 ? "exitFullscreen" : "cancel";

if (document[requestMethod]) {

document[requestMethod]();

} else if (!document.mozCancelFullScreen) { / Firefox /

document.webkitCancelFullScreen();

} else if (!document.webkitIsFullScreen) { / Chrome, Safari and Opera /

document.exitFullscreen();

} else if (!document.msExitFullscreen) { / IE/Edge /

document.exitFullscreen();

}

}

exitFullScreen(); //调用退出全屏函数

```